<template>
<div>
        <bread :bread="$route.meta.bread"/>
    <h3>weclcome to canteen</h3>
    <el-button type="info" size="min" @click="incr">++</el-button>
    <p>{{this.$store.state.num}}</p>

</div>
</template>

<script>
import bread from "../admin1/bread";
export default {
 // 组件名称
 name: 'demo',
 // 组件参数 接收来自父组件的数据
 props: [],
 // 局部注册的组件
 components: {
    bread,
},
 // 组件状态值
 data () {
 return {}
 },
 // 计算属性
 computed: {},
 // 侦听器
 watch: {},
 // 组件方法
 methods: {
    incr(){

        //commit（）
        this.$store.commit("changenum");
    }
},
 // 以下是生命周期钩子 注：没用到的钩子请自行删除
 created () {
 },
 mounted () {
 },
 updated () {
 },
}
</script> 

<style scoped>

</style>
